<%--
  Created by IntelliJ IDEA.
  User: zhangjie
  Date: 2019/4/24
  Time: 4:06 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/jsp/component/common.jsp" %>
<%@ include file="/WEB-INF/jsp/component/commonBottom.jsp" %>
<html>
<head>
    <title>风险筛查详情</title>
    <link rel="stylesheet" href="${frames}/css/lib/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${frames}/css/lib/dataTables.bootstrap.css" type="text/css">
    <%--<link rel="stylesheet" href="${frames}/css/paginate.css" type="text/css">--%>
    <%--<link rel="stylesheet" href="${frames}/css/qulitity.css" type="text/css">--%>
    <link rel="stylesheet" href="../assets/css/views/modules/_common.scss">
    <link rel="stylesheet" href="${newframe}/css/base/base.css" type="text/css">
    <link rel="stylesheet" href="${assets}/css/views/bloodScreening.css">
    <link rel="stylesheet" href="${assets}/css/views/department/departmentMgr.css">
    <script src="../assets/js/views/vue.min.js"></script>
    <script src="${js}/jquery-1.9.1.min.js"></script>
    <script src="${js}/jquery.dataTables.js"></script>
    <link href="../assets/css/bootstrap-datetimepicker.css" type="text/css">
    <script src="../assets/js/bootstrap-datetimepicker.min.js"></script>
    <script src="${frames}/Chronic/laydate/laydate.js"></script>
    <script src="${assets}/js/views/bpAbnormal.js"></script>
    <%@ include file="/WEB-INF/jsp/component/commonBottom.jsp" %>
    <style>
        .color{
            margin:0 !important;
        }
        span{
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            font-family: PingFang-SC-Regular;
        }
        .illness span{
            height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }
        .save{
            width:100%;
            height: 50px;
            text-align: center;
        }
        .btn{
            /*float:right ;*/
            width:100px;
            font-size:16px;
            line-height:28px;
            margin: 0 auto;
            background:#35acfd !important;
            margin-right:15px !important;
            padding:0 !important;
        }
        .title{
            font-family: MicrosoftYaHei;
            font-size: 16px !important;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0.3px;
            color: #666666;
        }
        label{
            height: 16px;
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
        }
        /* 随访时间及方式 */
        .way,illness,sign,live,evaluate{
            margin-bottom:30px;
        }
        .way_content,illness_content{
            width:100%;
            margin-left:15px;
            margin-top:19px;
        }
        .way_content label{
            width:auto;
        }
        .way_content div{
            margin-bottom:20px;
        }
        .way_content input,#accompanyType{
            width: 15%;
            line-height: 30px;
            height:30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px !important;
        }
        /* 病症 */
        .illness_content{
            margin-left:15px;
            margin-bottom:20px;
        }
        .illness_content label{
            margin-left:22px;
        }
        input[type=checkbox] {
            width:20px;
            height:20px;
            -webkit-appearance: none;
            border-radius:5px;
            border:1px solid #9e9e9e;
            vertical-align:top;
            margin-top:7px;
            display:inline-block !important;
        }
        input[type=checkbox]:checked{
            background-image: url('../assets/images/radio.png');
            background-size:100% 100%;
            border:none
        }
        .ill1{
            margin-right:22px;
            margin-top:20px;
        }
        /* 体征 */
        .sign_content{
            margin-left:15px;
            margin-top:20px;
            margin-bottom:20px;
        }
        .sign_content div input{
            width:180px;
            line-height: 30px;
            border: solid 1px #d0d0d0;
            text-indent:10px;
            position:absolute;
            height:30px;
            display:inline-block;
        }
        .sign_content div span{
            position:relative;
            left:130px;
        }
        .sign_content div{
            display:inline-block;
            width:270px;
        }
        .second div input{
            width:135px;
        }
        .second div span{
            left:80px;
        }
        /*.second div{*/
        /*width:230px;*/
        /*}*/
        .third div input{
            width:135px;
        }
        .third div span{
            left:80px;
        }
        .third div{
            width:200px;
        }
        /* 生活方式调查 */
        .live_content{
            margin-left:15px;
            margin-top:20px;
        }
        .live_content span{
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right:19px;
            display:inline-block;
        }
        .live_content input{
            width: 115px;
            height: 30px;
            border: solid 1px #d0d0d0;
            line-height:30px;
            margin-right:10px;
            text-indent:10px;
        }
        .live_content div{
            margin-top:20px;
        }
        .sprots span{
            margin-right:65px;
        }
        #salt{
            width: 15%;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
            margin-right:19px;
        }
        .salt input{
            width: 180px;
            height: 30px;
            border: solid 1px #d0d0d0;
            line-height:30px;
            margin-right:10px;
            text-indent:10px;
        }
        .mentality{
            margin-bottom:20px;
        }
        select{
            width: 181px;
            height: 30px;
            border: solid 1px #d0d0d0;
            font-family: MicrosoftYaHei;
            font-size: 15px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
        }
        .salttype{
            width: 200px;
            height: 30px;
        }
        /* 随访评估 */
        .evaluate_content{
            margin-left:15px;
            margin-bottom:20px;
            margin-top:20px;
        }
        .evaluate_content span{
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right:19px;
            display:inline-block;
        }
        /* 治疗建议 */
        .suggest_content{
            margin-left:15px;
            margin-bottom:20px;
            margin-top:20px;
        }
        .suggest_content span{
            font-family: PingFang-SC-Regular;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #666666;
            margin-right:19px;
            display:inline-block;
        }
        .suggest_content textarea{
            width: 500px;
            height: 120px;
            border: solid 1px #d0d0d0;
            vertical-align:top
        }
        #main{
            margin-top:0px !important;
        }
        /*  表格 */
        #example th{
            height: 30px;
            background-color: #e6e6e6;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #666666;
        }
        #example td{
            text-align:center;
            height: 17px;
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
        }
        #mytool{
            width:96%;
        }
        #example_paginate{
            margin-top:15px;
            width:100%;
            text-align: center;
            margin-bottom:40px;
        }
        button{
            margin-top:0px !important;
        }
        .btn{
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0.3px;
            color: #ffffff;
        }
        textarea{
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
        }
        input{
            text-indent:10px;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
        }
        .content{
            height:auto !important;
        }
        .illness{
            box-shadow:none !important;
            margin-top:0 !important;
            padding-top:20px;
        }
        .dataTables_empty{
            line-height:30px;
        }
        .default{
            border:1px solid red !important;
        }
        input{
            display:inline-block !important;
        }
        .warn{
            padding:30px;
            width:90% !important;
            background:#e6e6e6;
        }
        .warn ul li{
            font-family: MicrosoftYaHei;
            font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #333333;
            text-indent:10px;
        }
        input[type=radio] {
            width:20px;
            height:20px;
            vertical-align:middle;
            -webkit-appearance: none;
            margin:0 !important;
            border-radius:50%;
            background-image: url('../assets/images/nocheck.png');
            background-size:100% 100%
        }
        input[type=radio]:checked{
            background-image: url('../assets/images/checkout.png');
            background-size:100% 100%
        }
        .default{
            border:1px solid red !important;
        }
        .inputVal{
            position:absolute;
            height:30px;
        }
        .inputText{
            position:relative;
        }
        textarea{
            width: 800px;
            height: 180px;
            border: solid 1px #d0d0d0;
            vertical-align:top;
            text-indent:10px;
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            letter-spacing: 0px;
            color: #333333;
        }
        .unit{
            position:relative;
            height:30px;
            margin-bottom:0px !important;
            vertiacl:middle;
            top:8px;
        }
        .unit input{
            position:absolute;
        }
        .unit span{
            position:absolute;
            left:80%;
        }
        .tables table{
            width:80%;
            border:1px solid #d0d0d0;
        }
        .tables tr th{
            text-align:center;
            height:38px;
            line-height:38px;
            border-bottom:1px solid #d0d0d0;
            border-right:1px solid #d0d0d0;
            width:50%;
            color:#666666;
            font-family:PingFang-SC-Regular
        }
    </style>
</head>
<body>
<div>
    <%@ include file="../../breadline.jsp" %>
</div>
<div id="main" class="wrap">
    <div class="illness" style="width:99%; margin-right:19px;">
        <div class="tableWrap" style="padding-bottom:20px;background-color: #ffffff;box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.05);">
            <div style="margin-left:20px;">
                <h3 style="margin-bottom:16px;font-size:20px;">风险筛查</h3>
            </div>
            <div style="margin-left:19px;">
                <div class="way" style="margin-bottom:20px;">
                    <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                    <span class="title">筛查时间</span>
                    <div class="way_content">
                        <div style="margin-bottom:0px;">
                            <label for="">筛查时间：</label>
                            <div style="display:inline-block;vertical-align:middle;margin-bottom:5px;">
                                <div id="PrevTime" class="input-group date form_date" style="width: 100%;margin-bottom:0px;"  data-date-format="yyyy-mm-dd" >
                                    <input id="beginDate" type="text" style="width:181px;" ref="screeningTime" v-model="blData.screeningTime" class="lay-date" placeholder="  筛查时间" readonly>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="way">
                    <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                    <span class="title">一分钟风险测试</span>
                    <div class="way_content">
                        <div>
                            <p>您好！如测试结果有一题回答为“是”，即为阳性，建议双能骨密度（DXA）检测。</p>
                        </div>
                        <div>
                            <label for="humpback">1. 父母中有人驼背：</label>
                            <select name="humpback" id="humpback" ref="humpback" v-model="blData.humpback">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="humpback">2. 父母曾被诊断有骨松或曾在轻微跌倒后骨折？</label>
                            <select name="hadBl" id="hadBl" ref="hadBl" v-model="blData.hadBl">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="humpback">3. 实际年龄超过 40？</label>
                            <select name="ageForty" id="ageForty" ref="ageForty" v-model="blData.ageForty">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="humpback">4. 成年后是否曾经因为摔倒而造成骨折？</label>
                            <select name="fallFracture" id="fallFracture" ref="fallFracture" v-model="blData.fallFracture">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="humpback">5. 是否经常摔倒（去年超过一次），或者因为身体较虚弱而担心摔倒？</label>
                            <select name="oftenFall" id="oftenFall" ref="oftenFall" v-model="blData.oftenFall">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="humpback">6. 您四十岁后的身高是否减少超过 3 公分以上？</label>
                            <select name="reduceHeight" id="reduceHeight" ref="reduceHeight" v-model="blData.reduceHeight">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="humpback">7. 是否体质量过轻？(BMI 值少于 19 kg/m2）？</label>
                            <select name="lowWeight" id="lowWeight" ref="lowWeight" v-model="blData.lowWeight">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="humpback">8. 是否曾服用类固醇药（例如可的松，强的松）连续超过 3 个月？</label>
                            <select name="medicineThreeMonth" id="medicineThreeMonth" ref="medicineThreeMonth" v-model="blData.medicineThreeMonth">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="humpback">9. 是否患有类风湿性关节炎？</label>
                            <select name="arthritis" id="arthritis" ref="arthritis" v-model="blData.arthritis">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="humpback">10. 是否被诊断出有甲状腺疾病或是甲状旁腺疾病？</label>
                            <select name="thyroid" id="thyroid" ref="thyroid" v-model="blData.thyroid">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>


                        <div>
                            <label for="menstruation" >11. 女士回答：除了怀孕、绝经或者子宫切除外，是否曾停经超过12个月？</label>
                            <select name="menstruation" id="menstruation" ref="menstruation" v-model="blData.menstruation">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <%--<div>--%>
                            <%--<label for="estrogen" >女士回答：是否在50岁前切除卵巢又没有服用雌/孕激素补充剂？：</label>--%>
                            <%--<select name="estrogen" id="estrogen" ref="estrogen" v-model="blData.estrogen">--%>
                                <%--<option value="">请选择</option>--%>
                                <%--<option value="1">是</option>--%>
                                <%--<option value="0">否</option>--%>
                            <%--</select>--%>
                        <%--</div>--%>
                        <div>
                            <label for="estrogen" >12. 女士回答：是否在 45 岁或以前就停经？</label>
                            <select name="menstruationAgo" id="menstruationAgo" ref="menstruationAgo" v-model="blData.menstruationAgo">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <%--<div>--%>
                            <%--<label for="estrogen" >女士回答：除了怀孕、绝经或子宫切除外，是否曾停经超过 12 个月？</label>--%>
                            <%--<select name="menstruation" id="menstruation" ref="menstruation" v-model="blData.menstruation">--%>
                                <%--<option value="">请选择</option>--%>
                                <%--<option value="1">是</option>--%>
                                <%--<option value="0">否</option>--%>
                            <%--</select>--%>
                        <%--</div>--%>
                        <div>
                            <label for="estrogen" >13. 女士回答：您是否在五十岁前切除卵巢并且没有服用激素补充剂？</label>
                            <select name="estrogen" id="estrogen" ref="estrogen" v-model="blData.estrogen">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>

                        <%--<div>--%>
                            <%--<label for="androgen" >男性回答：是否出现过阳痿、性欲减退或其他雄激素过低的相关症状？：</label>--%>
                            <%--<select name="androgen" id="androgen" ref="androgen" v-model="blData.androgen">>--%>
                                <%--<option value="">请选择</option>--%>
                                <%--<option value="1">是</option>--%>
                                <%--<option value="0">否</option>--%>
                            <%--</select>--%>
                        <%--</div>--%>
                        <div>
                            <label for="androgen" >14. 男士回答：是否曾经因雄激素过低而出现阳萎、失去性欲的症状？</label>
                            <select name="androgen" id="androgen" ref="androgen" v-model="blData.androgen">>
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>

                        <%--<div>--%>
                            <%--<label for="sport" >每天从事户外活动时间是否少于10分钟，又没有服用维生素D？：</label>--%>
                            <%--<select name="sport" id="sport"  v-model="blData.sport">--%>
                                <%--<option value="">请选择</option>--%>
                                <%--<option value="1">是</option>--%>
                                <%--<option value="0">否</option>--%>
                            <%--</select>--%>
                        <%--</div>--%>
                        <div>
                            <label for="sport" >15. 您是否每天饮酒超过两单位？（啤酒 1 斤，葡萄酒 3 两，烈性酒 1 两)</label>
                            <select name="drinkWine" id="drinkWine"  v-model="blData.drinkWine">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="sport" >16. 有长期吸烟习惯，或曾经吸烟？</label>
                            <select name="smoke" id="smoke"  v-model="blData.smoke">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="sport" >17. 每天运动量（包括做家事、走路和跑步等）少于 30 分钟？</label>
                            <select name="sportLess" id="sportLess"  v-model="blData.sportLess">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="sport" >18. 不食用乳制品同时没有服用钙片？</label>
                            <select name="notCalcium" id="notCalcium"  v-model="blData.notCalcium">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="sport" >19. 您每天从事户外活动时间是否少于 10 分钟，并且没有服用维他命 D 补充剂？</label>
                            <select name="sport" id="sport"  v-model="blData.sport">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="way">
                    <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                    <span class="title">超声骨测量</span>
                    <div class="way_content">
                        <div>
                            <label for="check">是否已查：</label>
                            <select name="check" id="check" ref="check" v-model="blData.check">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="way">
                    <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                    <span class="title">FRAX结果：</span>
                    <div class="way_content">
                        <label for="osteoporosis" >主要骨质疏松性骨折概率：</label>
                        <input type="text" placeholder="请输入内容" v-model="blData.osteoporosis" maxlength="3" onkeyup="this.value=this.value.replace(/\s+/g,'')">
                        <label for="fracture" style="margin-left:20px;" >髋部骨折概率：</label>
                        <input type="text" placeholder="请输入内容" v-model="blData.fracture" maxlength="3" onkeyup="this.value=this.value.replace(/\s+/g,'')">
                    </div>
                </div>
                <div class="way">
                    <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                    <span class="title">OSTA计算</span>
                    <div class="way_content">
                        <div>
                            <label>结果≤-1（建议双能骨密度（DXA）检测）</label>
                        </div>
                        <div>
                            <label>OSTA指数=【体质量（kg）-年龄（岁）】*0.2（仅限于女性使用）</label>
                        </div>
                        <div class="tables">
                            <table>
                                <thead>
                                    <tr>
                                        <th>
                                            风险级别
                                        </th>
                                        <th>
                                            OSTA
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <th>
                                            <p>{{blData.riskLevel}}</p>
                                        </th>
                                        <th>
                                            <p>{{blData.osta}}</p>
                                        </th>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="way">
                    <span style="width:5px;padding-bottom:25px;background-color:#35acfd;display:inline-block;vertical-align:middle;margin-right:10px;"></span>
                    <span class="title">筛查结果（高危）</span>
                    <div class="way_content">
                        <div>
                            <label for="" style="width:160px;">是否同意下一步诊疗：</label>
                            <select name="diagnosis" id="diagnosis" ref="diagnosis" v-model="blData.diagnosis">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label style="width:160px;">拒绝诊疗原因：</label>
                            <select name="diagnosisMsg" id="diagnosisMsg" v-model="blData.diagnosisMsg">
                                <option value="">请选择</option>
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                        <div>
                            <label for="advice" style="width:160px;">结论建议：</label>
                            <textarea name="" placeholder="请输入内容" id="" cols="30" rows="10" v-model="blData.advice" style="width:60%" onkeyup="this.value=this.value.replace(/\s+/g,'')"></textarea>
                        </div>
                    </div>
                </div>
                <div class="save">
                    <button type="button" class="btn btn-info" @click="keep()">
                        <img src="../assets/images/revise.png" alt="" style="width:16px;vertical-align: middle;">  保存
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var vm = new Vue({
        el : "#main",
        data: {
            idCard:'',
            blData:{
                hadBl:'',
                ageForty:'',
                fallFracture:'',
                oftenFall:'',
                reduceHeight:'',
                lowWeight:'',
                medicineThreeMonth:'',
                arthritis:'',
                thyroid:'',
                menstruationAgo:'',
                androgen:'',
                drinkWine:'',
                smoke:'',
                sportLess:'',
                notCalcium:'',
                humpback:'',
                menstruation:'',
                estrogen:'',
                androgen:'',
                sport:'',
                check:'',
                osteoporosis:'',
                fracture:'',
                diagnosis:'',
                diagnosisMsg:'',
                advice:'',
                riskLevel:'',
                osta:'',
                screeningTime:''
            },
            id:''
        },
        mounted(){
            let that = this;
            let search = location.search.split('?')[1]
            // 初始化获取默认今天
            that.blData.screeningTime = that.getNowFormatDate();
            let [namr,value] = search.split('&')[0].split('=')
            that.idCard= value;
            let [idName,idValue] = search.split('&')[1].split('=')
            if( idValue != '' ){
                that.id = idValue;
                // 初始化获取用户数据
                $.ajax({
                    url:'${URL_SCREENING_BLDATA}',
                    data:{
                        id:that.id
                    },
                    dataType:'json',
                    type:'post',
                    success:function(data){
                        that.blData = data.data;
                        that.idCard = data.data.idCard;
                        that.blData.humpback = that.isNull(that.blData.humpback);
                        that.blData.menstruation = that.isNull(that.blData.menstruation);
                        that.blData.estrogen = that.isNull(that.blData.estrogen);
                        that.blData.androgen = that.isNull(that.blData.androgen);
                        that.blData.sport = that.isNull(that.blData.sport);
                        that.blData.check = that.isNull(that.blData.check);
                        that.blData.diagnosis = that.isNull(that.blData.diagnosis);
                        that.blData.diagnosisMsg = that.isNull(that.blData.diagnosisMsg);
                        that.blData.hadBl = that.isNull(that.blData.hadBl);
                        that.blData.ageForty = that.isNull(that.blData.ageForty);
                        that.blData.fallFracture = that.isNull(that.blData.fallFracture);
                        that.blData.oftenFall = that.isNull(that.blData.oftenFall);
                        that.blData.reduceHeight = that.isNull(that.blData.reduceHeight);
                        that.blData.lowWeight = that.isNull(that.blData.lowWeight);
                        that.blData.medicineThreeMonth = that.isNull(that.blData.medicineThreeMonth);
                        that.blData.arthritis = that.isNull(that.blData.arthritis);
                        that.blData.thyroid = that.isNull(that.blData.thyroid);
                        that.blData.menstruationAgo = that.isNull(that.blData.menstruationAgo);
                        that.blData.androgen = that.isNull(that.blData.androgen);
                        that.blData.drinkWine = that.isNull(that.blData.drinkWine);
                        that.blData.smoke = that.isNull(that.blData.smoke);
                        that.blData.sportLess = that.isNull(that.blData.sportLess);
                        that.blData.notCalcium = that.isNull(that.blData.notCalcium);
                    }
                })
            }else{
                // 获取osta
                $.ajax({
                    url:'${URL_BLONELOOSE_GETOSTA}',
                    data:{
                        idCard:that.idCard
                    },
                    type:'get',
                    dataType:'json',
                    success:function(data){
                        if( data.success ){
                            that.blData.osta = data.data.osta;
                            that.blData.riskLevel = data.data.riskLevel;
                        }
                    }
                })
            }
            initLayDate('#beginDate')
        },
        methods: {
            isNull(data){
                if( data == null ){
                    data = ''
                }
                return data
            },
            getNowFormatDate() {
                var date = new Date();
                var seperator1 = "-";
                var year = date.getFullYear();
                var month = date.getMonth() + 1;
                var strDate = date.getDate();
                if (month >= 1 && month <= 9) {
                    month = "0" + month;
                }
                if (strDate >= 0 && strDate <= 9) {
                    strDate = "0" + strDate;
                }
                var currentdate = year + seperator1 + month + seperator1 + strDate;
                return currentdate;
            },
            keep(){
                let that = this;
                $('#keep').attr('disabled','disabled')
                $.ajax({
                    url:'${URL_SCREENING_SAVEBL}',
                    data:{
                        id:that.id,
                        idCard:that.idCard,
                        screeningTime:$('#beginDate').val(),
                        humpback:that.blData.humpback,
                        menstruation:that.blData.menstruation,
                        estrogen:that.blData.estrogen,
                        androgen:that.blData.androgen,
                        sport:that.blData.sport,
                        check:that.blData.check,
                        osteoporosis:that.blData.osteoporosis,
                        fracture:that.blData.fracture,
                        diagnosis:that.blData.diagnosis,
                        diagnosisMsg:that.blData.diagnosisMsg,
                        advice:that.blData.advice,
                        riskLevel:that.blData.riskLevel,
                        osta:that.blData.osta,
                        hadBl: that.blData.hadBl,
                        ageForty: that.blData.ageForty,
                        fallFracture: that.blData.fallFracture,
                        oftenFall: that.blData.oftenFall,
                        reduceHeight: that.blData.reduceHeight,
                        lowWeight: that.blData.lowWeight,
                        medicineThreeMonth: that.blData.medicineThreeMonth,
                        arthritis: that.blData.arthritis,
                        thyroid: that.blData.thyroid,
                        menstruationAgo: that.blData.menstruationAgo,
                        androgen: that.blData.androgen,
                        drinkWine: that.blData.drinkWine,
                        smoke: that.blData.smoke,
                        sportLess: that.blData.sportLess,
                        notCalcium: that.blData.notCalcium,
                    },
                    dataType:'json',
                    type:'post',
                    success:function(data){
                        if(data.success){
                            $.ajax({
                                url:"${URL_SCREENING_GETBREADLINE}",
                                dataType:'json',
                                type:'post',
                                success:function(data){
                                    var urlLib = '';
                                    urlLib = JSON.parse(data.data).slice(0,urlLib.length-1)
                                    $.ajax({
                                        url:'${URL_SCREENING_SAVEBREADLINE}',
                                        data:{
                                            breadLine:JSON.stringify(urlLib)
                                        },
                                        dataType:'json',
                                        type:'post',
                                        success:function(data){
                                            window.history.go(-1)
                                        }
                                    })
                                }
                            })
                        }
                    }
                })
            }
        }
    })
</script>
</body>
</html>
